<?php
@session_start();
if(!isset($_SESSION['usuCod'])){
	echo "<script>window.location.href='index.php'</script>";
}
require_once('lib/conexion.php');

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="css/ckm!estilo.css" rel="stylesheet" type="text/css" />
<script src="js/script_JQuery.js"></script>
<script src="js/encrypt/sha1.js" type="text/javascript"></script>

<script src="js/funciones.plaEjec.js" type="text/javascript"></script>
<script src="js/funciones.valiClav.js"></script>

<!-- modelo tabla paginador y buscador -->
     <!--    ESTILO GENERAL   -->
     <link type="text/css" href="css/style.css" rel="stylesheet" />
     <!--    ESTILO GENERAL    -->
     <!--    JQUERY   -->
     <!-- <script type="text/javascript" src="js/jquery.js"></script>  -->
     <script type="text/javascript" language="javascript" src="js/funciones.js"></script>
     <!--    JQUERY
     <!--    FORMATO DE TABLAS    -->
      <link type="text/css" href="css/demo_table.css" rel="stylesheet" />
      <script type="text/javascript" language="javascript" src="js/jquery.dataTables.js"></script>
     <!--    FORMATO DE TABLAS    -->
<!-- modelo tabla paginadora y buscado -->

 <script type="text/javascript" language="javascript" src="js/jslistadopaises.js"></script>

<style type="text/css">
    .messages{
        float: left;
        font-family: sans-serif;
        display: none;
    }
    .info{
        padding: 10px;
        border-radius: 10px;
        background: orange;
        color: #fff;
        font-size: 12px;
        text-align: center;
    }
    .before{
        padding: 10px;
        border-radius: 10px;
        background: blue;
        color: #fff;
        font-size: 12px;
        text-align: center;
    }
    .success{
        padding: 10px;
        border-radius: 10px;
        background: green;
        color: #fff;
        font-size: 12px;
        text-align: center;
    }
    .error{
        padding: 10px;
        border-radius: 10px;
        background: red;
        color: #fff;
        font-size: 12px;
        text-align: center;
    }
</style>

<script>
	$(function() {
		//$('#div_creaUs').load("reqVeri_envia.php?accion=3");
		$('#div_content_tablaUs').load("reqVeri_envia.php?accion=0");
	});


//CONFIRM
function confirm(message, callback) {
	$('#confirm').modal({
		closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
		position: ["20%",],
		//overlayId: 'confirm-overlay',
		containerId: 'confirm-container',
		onShow: function (dialog) {
			var modal = this;

			$('.message', dialog.data[0]).append(message);

			// if the user clicks "yes"
			$('.yes', dialog.data[0]).click(function () {
				// call the callback
				if ($.isFunction(callback)) {
					callback.apply();
				}
				// close the dialog
				modal.close(); // or $.modal.close();
			});
		}
	});
}

	// Extender jQuery con un método personalizado:
		jQuery.fn.getCheckboxValues = function(){
			var values = [];
			var i = 0;
			this.each(function(){
				// guarda los valores en un array
				values[i++] = $(this).val();
			});
		// devuelve un array con los checkboxes seleccionados
		return values;
		}



 function Fguardar(){

  //validar campos vacios ----------------
        if($("#txt_fechcump").val() == ""){
			mostrarMSN('warning','div_mensaje_2','Digite la fecha!');
			$("#txt_fechcump").focus();
			return false;
		}else if($("#txt_Observaciones").val() == ""){
			mostrarMSN('warning','div_mensaje_2','Digite Observaciones!');
			$("#txt_Observaciones").focus();
			return false;
		}else{

       //confirm("Esta seguro de Aprobar la Tarea? ", function () {
			var datos = "accion=1&idcodJS="+$('#idcod').val()+
            "&idusucreaJS="+$('#idusucrea').val()+
            "&txt_fechcumpJS="+$('#txt_fechcump').val()+
            "&txt_ObservacionesJS="+$('#txt_Observaciones').val();
			
			//mostrar mensaje de guardando
			mostrarMSN('loading','div_mensaje_2','Guardando...');
			
			
			$('#div_mensaje_2').load("reqVeri_envia.php",datos);
		//});
        }



	}




	function CreActividad(coUs){
		confirm("Est\u00e1 seguro de Crear Actividad para este Requisito?", function () {
			var datos = "accion=6&cousJS="+coUs;
			$('#div_mensaje').load("reqVeri_envia.php",datos);
		});

	}

	function Fvereditar(coUs){
		var datos = "accion=4&cousJS="+coUs;
		$('#diveredit').load("reqVeri_envia.php",datos);
	}
 
    function FverEliminaIng(coUs){
		var datos = "accion=5&cousJS="+coUs;
		$('#diveredit').load("reqVeri_envia.php",datos);
	}
 

    function FverConsulta(coUs){
		var datos = "accion=3&cousJS="+coUs;
		$('#diveredit').load("reqVeri_envia.php",datos);
	}

	function FModificarEdit(coUs){

		//validar campos vacios ----------------
		if($("#txt_nom2").val() == ""){
			//mostrarMSN('warning','div_mensaje2','Faltan los nombres!');
			alert("Faltan los nombres!");
			$("#txt_nom2").focus();
			return false;
		}
		if($("#txt_ape2").val() == ""){
			//mostrarMSN('warning','div_mensaje2','Faltan los apellidos!');
			alert("Faltan los apellidos!");
			$("#txt_ape2").focus();
			return false;
		}

		if($("#txt_identi2").val() == ""){
			//mostrarMSN('warning','div_mensaje2','Faltan los apellidos!');
			alert("Falta el numero de identificacion!");
			$("#txt_identi2").focus();
			return false;
		}

		//validar correo
		if(!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test($("#txt_mail2").val()))){
			//mostrarMSN('warning','div_mensaje2','Correo no valido !');
			alert("Correo no valido!");
			$("#txt_mail2").focus();
			return false;
		}

		var file = $("#imagen2")[0].files[0];
        //obtenemos el nombre del archivo
		if($('#imagen2').val() == ""){
			var fileName = "avatar-sin-imagen.png";
		}else{
			var fileName = file.name;
		}
		//alert("Nombre: "+fileName);

		/*if(!(checkform($('#pswd2').val()))){ //validar clave
			//$("#div_mensaje2").html("<b>Clave no valida !</b>");
			//$("#div_mensaje2").removeClass().addClass("alertmen warning");
			//$("#div_mensaje2").show( "slow" );
			return false;
		}*/

		var datos = "accion=5&txt_nomJS="+$('#txt_nom2').val()+
			"&txt_apeJS="+$('#txt_ape2').val()+
			"&txt_identiJS="+$('#txt_identi2').val()+
			"&txt_mailJS="+$('#txt_mail2').val()+
			"&cbx_sucursalJS="+$("select[name=cbx_sucursal2] option:selected").val()+
			"&cbx_areaJS="+$("select[name=cbx_area2] option:selected").val()+
			"&cbx_cargoJS="+$("select[name=cbx_cargo2] option:selected").val()+
			"&txt_loginUsJS="+$('#txt_loginUs2').val()+
			"&pswdJS="+hex_sha1($('#pswd2').val())+
			"&imagenJS="+fileName+
			"&tiPerfilJS="+$("select[name=cbx_tiPerfil2] option:selected").val()+
			"&submodsJS="+$("input:checkbox[alt=chxSub]:checked").getCheckboxValues()+
			"&estadoJS="+$("select[name=cbx_estado2] option:selected").val()+
			"&cousJS="+coUs;
		$('#div_mensaje2').load("reqVeri_envia.php",datos);
		
	}
	
function Factualizagrilla(){	 
	 $(".modal-close").click();
	 $('#div_content_tablaUs').load("reqVeri_envia.php?accion=0");
}

</script>
</head>

<body>

<div id="div_creaUs">
</div>

<br class="baja" />
<hr />

<label>
	<div id="div_mensaje" style="display:none;"> </div>
</label>

<br />
 <div id="div_content_tablaUs">
 </div>



<!-- Mensaje de claves -->
        <div id="pswd_info">

		<h4>La clave debe cumplir con las siguientes reglas:</h4>

		<ul>

			<li id="letter" class="invalid">Por lo menos <strong>una letra</strong></li>

			<li id="capital" class="invalid">Por lo menos <strong>una letra May&uacute;scula</strong></li>

			<li id="number" class="invalid">Por lo menos <strong>un n&uacute;mero</strong></li>

			<li id="length" class="invalid">Por lo menos <strong>8 caracteres</strong></li>

		</ul>

	</div>

<!-- Ver Editar -->
<div id="diveredit" style="display:none" class='panel-container'>

</div>

</body>
</html>
